<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
	<title>内蒙古汉纳公司</title>
</head>
<link rel="stylesheet" href="__PUBLIC__/css/amazeui.css"/>
<link rel="stylesheet" href="__PUBLIC__/css/app.css"/>
<link rel="stylesheet" href="__PUBLIC__/css/swiper.css"/>
<link rel="stylesheet" href="__PUBLIC__/css/animate.min.css"/>

<script src="__PUBLIC__/js/jquery.min.js"></script>
<script src="__PUBLIC__/js/swiper.js"></script>
<script src="__PUBLIC__/js/wow.min.js"></script>
<script src="__PUBLIC__/js/axios.min.js"></script>


<style type="text/css">
.clear-margin-padding {
	margin: 0;
	padding: 0;
}
</style>
<style type="text/css">

.swiper-container {
	width: 100%;
	height: 580px;
}
.swiper-slide {
	background-position: center;
	background-size: cover;
}

.swiper-button-prev-pos {
	margin-left: 50px;
}

.swiper-button-next-pos {
	margin-right: 50px;
}

.text-line {
	border-top: 1px solid #909090; 
	width: 50px; 
	display: inline-block; 
	vertical-align: 5px;
}

.advantage-div {
	margin-top: 75px;
}

.sub-title-div {
	text-align: center;
}

.sub-title-text {
	font-size: 20px;
	color: #00A0EA;
}

.sub-title-text-eng {
	font-size: 18px;
	color: #909090;
}

.advantage-details {
	margin-top: 50px;
}

.advantage-ceil {
	padding: 0 50px;
}

.advantage-ceil-title {
	font-size: 20px;
	font-weight: 20;
}

.advantage-ceil-text {
	font-size: 14px;
	margin-top: 20px;
	line-height: 28px;
	color: #707070;
}


.advantage-ceil-img {
	width: 100%;
	margin-top: 20px;
}

.about-us-div {
	width: 100%;
	height: 520px;
	margin-top: 60px;
}

.product-div {
	padding-top: 75px;
	padding-bottom: 40px;
}

@media screen and (max-width: 1600px) {
  #about-us-content {
  	display: none;
  }
}


</style>
<body>

<!-- <div id="header"> -->

<style type="text/css">
  
.tel-num-div {
  margin-left: 10px;
}

.header-div {
  height: 100px;
}

.tel-num-font-style {
  font-size: 24px;
  font-weight: bold;
}


.nav-panel {
  height: 50px;
  background-color: #009FE9;
}

.nav-bar-panel {
  height: 100%;
}

.nav-bar {
  height: 100%;
}

.nav-bar>li {
  height: 100%;
}

.nav-bar>li>a {
  height: 100%;
  display: flex;
  align-items: center;
  color: #FFFFFF;
}

</style>

<div id="header">
  <div class="am-g">
      <div class="am-u-md-2 header-div">&nbsp;</div>
      <div class="am-u-md-6 header-div vertical-mid title-font-style">
        <?php echo ($webconfig['webname']); ?>
      </div>
      <div class="am-u-md-4 header-div vertical-mid">
        <div class="inline-div">
          <img class="inline-div" src="__PUBLIC__/img/tel.png">
        </div>
        <div class="inline-div tel-num-div">
          <div>服务热线：</div>
          <div class="tel-num-font-style" style="margin-top: -10px"><?php echo ($webconfig['tel_zx1']); ?></div>
        </div>
      </div>
  </div>

  <div class="am-g nav-panel">
    <div class="am-u-md-2">&nbsp;</div>
    <div class="am-u-md-10 nav-bar-panel">
      <ul class="nav-bar am-nav am-nav-pills">
        <li class="<?php if($activeArr['indexActive']) echo 'am-active'; ?>"><a href="<?php echo U('Index/index');?>">首页</a></li>
        <li class="<?php if($activeArr['aboutUsActive']) echo 'am-active'; ?>"><a href="<?php echo U('Index/about');?>">关于我们</a></li>
        <li class="<?php if($activeArr['productActive']) echo 'am-active'; ?>"><a href="<?php echo U('Index/product');?>">产品展示</a></li>
        <li class="<?php if($activeArr['newsActive']) echo 'am-active'; ?>"><a href="<?php echo U('Index/news');?>">新闻资讯</a></li>
        <li class="<?php if($activeArr['telUsActive']) echo 'am-active'; ?>"><a href="<?php echo U('Index/telus');?>">联系我们</a></li>
      </ul>
    </div>
  </div>
</div>


<!-- </div> -->


<div id="content">
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<?php
 foreach($banner as $k => $v) { ?>
			<div class="swiper-slide" style="background-image:url(<?php echo ($v['images']); ?>)"></div>
			<?php	 } ?>
		</div>
		<!-- Add Arrows -->
		<div class="swiper-button-prev swiper-button-white swiper-button-prev-pos"></div>
		<div class="swiper-button-next swiper-button-white swiper-button-next-pos"></div>
	</div>

	<!-- 我们的优势 -->
	<div class="advantage-div">
		<div class="sub-title-div">
			<div class="sub-title-text">我们的优势</div>
			<div>
				<span class="text-line"></span>
				<span class="sub-title-text-eng">Our Advantage</span>
				<span class="text-line"></span>
			</div>
		</div>


		<div class="am-g advantage-details">
		  <div class="am-u-lg-1-5">&nbsp;</div>
		  <div class="am-u-lg-9">
		  	<ul class="am-avg-sm-3 am-thumbnails">

		  		<?php
 for ($i = 0; $i < 3; $i++) { $advantage = $advantages[$i]; $advantage['desc'] = html_entity_decode($advantage['desc']); ?>

		  		<li class="wow bounceIn">
				  	<div class="advantage-ceil">
				  		<div class="advantage-ceil-title"><?php echo ($advantage['title']); ?></div>
				  		<div style="width: 37px; height: 4px; background-color: #009FE9; margin-top: 15px;"></div>
				  		<div class="advantage-ceil-text">
				  			<?php echo ($advantage['desc']); ?>
				  		</div>
				  		<img class="advantage-ceil-img" src="<?php echo ($advantage['img']); ?>" />
				  	</div>
				  </li>

		  		<?php
 } ?>

			</ul>
		  </div>
		  <div class="am-u-lg-1-5">&nbsp;</div>
		</div>
		
	</div>

	<!-- 关于我们 -->
	<div class="am-g about-us-div vertical-mid" style="background-image: url('__PUBLIC__/img/aboutbg.jpg'); background-repeat: no-repeat; background-size: 100% 100%;">
		<div class="am-u-lg-2">&nbsp;</div>
		<div class="am-u-lg-8 ">
			<img class="inline-div wow bounceIn" src="<?php echo ($about['img']); ?>" style="width: 45%; height: 330px">
			<div class="inline-div wow bounceIn" style="background-color: #3E95BD; width: 55%; height: 330px; padding: 20px 30px;">
				<div style=" color: #FFFFFF;">
					<span style="font-size: 25px; font-weight: bold;">关于我们</span>
					<span style="font-size: 20px; font-weight: 20; margin-left: 10px;">ABOUT US</span>
				</div>
				<div id="about-us-content" style=" color: #FFFFFF; font-size: 14px; line-height: 28px; margin-top: 20px">
					<?php echo ($about['content']); ?>
				</div>
				<a href="<?php echo U('Index/about');?>">
					<button type="button" class="am-btn am-btn-warning" style="margin-top: 20px; font-size: 15px; padding: 8px 30px;">查看更多</button>
				</a>
				
			</div>
		</div>
		<div class="am-u-lg-2">&nbsp;</div>
	</div>

	<!-- 我们的产品 -->
	<div class="product-div" style="background-image: url('__PUBLIC__/img/productbg.jpg'); background-repeat: no-repeat; background-size: 100% 100%;">
		<div class="sub-title-div">
			<div class="sub-title-text">我们的产品</div>
			<div>
				<span class="text-line"></span>
				<span class="sub-title-text-eng">Our Product</span>
				<span class="text-line"></span>
			</div>
		</div>

		<div class="am-g" style="margin-top: 40px">
		  <div class="am-u-lg-2">&nbsp;</div>
		  <div class="am-u-lg-8">
		  	<ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-3 am-thumbnails">
		  		<?php
 foreach ($products as $key => $val) { ?>
		  		
		  		<li class="wow bounceIn">
		  			<a href="<?php echo U('Index/productPage?id='.$val['id']);?>">
					  	<img class="am-thumbnail" src="<?php echo ($val['images']); ?>"/>
					  	<div style="width: 100%; text-align: center; margin-top: -15px; font-size: 15px;"><?php echo ($val['title']); ?></div>
				  	</a>
				 </li>

		  		<?php
 } ?>
			  
			</ul>
		  </div>
		  <div class="am-u-lg-2">&nbsp;</div>
		</div>		
	</div>

	<!-- 新闻资讯 -->
	<div class="product-div">
		<div class="sub-title-div">
			<div class="sub-title-text">新闻资讯</div>
			<div>
				<span class="text-line"></span>
				<span class="sub-title-text-eng">News</span>
				<span class="text-line"></span>
			</div>
		</div>

		<div class="am-g" style="margin-top: 40px">
		  <div class="am-u-lg-1-5">&nbsp;</div>
		  <div class="am-u-lg-9">
		  	<ul class="am-avg-sm-2 am-avg-md-2 am-avg-lg-2 am-thumbnails">
		  		<?php
 foreach($news as $key=>$val){ ?>

		  		<li class="wow bounceIn" style="padding: 10px 30px">
			  	<div class="am-g">
			  		<div class="am-u-lg-2">
			  			<div class="vertical-mid" style="width: 85px; height: 85px; background-color: #F2F2F2;">
			  				<div style="width: 100%; text-align: center;">
			  					<div style="font-size: 25px; font-weight: 25; text-align: center; margin-bottom: -10px;"><?php echo ($val['day']); ?></div>
			  					<div style="text-align: center;"><?php echo ($val['year']); ?></div>
			  				</div>
			  			</div>
			  		</div>
		  			<div class="am-u-lg-10">
		  				<a href="<?php echo U('Index/newsPage?id='.$val['id']);?>">
		  					<div style="font-size: 18px; font-weight: 20;"><?php echo ($val['title']); ?></div>
		  				</a>
		  				<div style="font-size: 14px; line-height: 25px; color: #707070">
		  					<?php echo ($val['description']); ?>
		  				</div>
		  			</div>
			  	</div>
			  </li>


		  		<?php
 } ?>
			  
			  
			</ul>
		  </div>
		  <div class="am-u-lg-1-5">&nbsp;</div>
		</div>		
	</div>
</div>

<div id="footer">
<div class="footer-div">
  <div class="am-g">
    <div class="am-u-md-2">&nbsp;</div>
    <div class="am-u-md-5">
      <div class="title-font-style">
        <?php echo ($webconfig['webname']); ?>
      </div>
      <div style="font-size: 17px; font-weight: 20; color: #FFFFFF; margin-top: 35px;">
        全国客服服务热线
      </div>
      <div style="font-size: 30px; font-weight: bold; color: #FFFFFF; margin-top: 10px;">
        <?php echo ($webconfig['tel_zx1']); ?>
      </div>
    </div>
    <div class="am-u-md-5" style="padding-top: 25px;">
      <div style="font-size: 20px; font-weight: 20; color: #FFFFFF">
        联系我们
      </div>
      <div class="footer-text-style" style="margin-top: 25px;">
        联系电话：<?php echo ($webconfig['tel_zx1']); ?>
      </div>
      <div class="footer-text-style">
        联系邮箱：<?php echo ($webconfig['webemail']); ?>
      </div>
      <div class="footer-text-style">
        联系地址：<?php echo ($webconfig['address_1']); ?>
      </div>
      
    </div>
  </div>
</div>
<div class="footer-bar">
  <div class="footer-bar-text-style">
    ©2018 <?php echo ($webconfig['webname']); ?>—Leil版权所有
  </div>
  <div class="footer-bar-text-style">
    本站由Leil提供技术支持
  </div>
</div>
</div>
</body>

<script type="text/javascript">

new WOW().init()

var swiper = new Swiper('.swiper-container', {
	effect: 'flip',
	grabCursor: true,
	speed: 1000,
	loop: true,
	navigation: {
		nextEl: '.swiper-button-next',
		prevEl: '.swiper-button-prev',
	},
	autoplay: {
		delay: 5000,
	}
})


</script>
</html>